@import '~@/assets/styles/var';

.login {
  .svg-container {
    padding: 6px 5px 6px 0;
    color: $--color-text-secondary;
    vertical-align: middle;
    display: inline-block;
  }

  .el-input {
    display: inline-block;
    height: 47px;
    width: 85%;

    input {
      background-color: transparent;
      border: 0;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 12px 5px 12px 15px;
      //   color: #ffffff;
      height: 47px;
    }
  }

  .el-form-item {
    border: 1px solid #dcdfe6;
    border-radius: 5px;
    // background-color: #f4f6ff;
    margin-bottom: 22px;
  }

  .submit-btn {
    width: 100%;
  }

  .other-ways {
    color: #ffffff;
    font-size: 14px;

    svg {
      cursor: pointer;
      margin-left: 10px;

      &:hover {
        color: $--color-primary;
      }
    }
  }
}
